﻿<UserControl x:Class="Aleator.AleatorControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:system="clr-namespace:System;assembly=mscorlib"
             mc:Ignorable="d"
             x:Name="_this">
    <UserControl.Background>
        <ImageBrush />
    </UserControl.Background>
    <UserControl.Resources>
        <Image x:Key="RecycleImg" x:Shared="false" Source="Resources\recycle_24.png" />
        <Style x:Key="RecycleStyle" TargetType="{x:Type Button}">
            <Setter Property="Content" Value="{StaticResource RecycleImg}" />
        </Style>
        <Image x:Key="MuteImg" x:Shared="false" Source="Resources\mute_24.png" />
        <Style x:Key="MuteStyle" TargetType="{x:Type Button}">
            <Setter Property="Content" Value="{StaticResource MuteImg}" />
        </Style>
        <Style x:Key="ComboStyle" TargetType="{x:Type ComboBox}">
            <Setter Property="SelectedIndex" Value="0"/>
        </Style>
    </UserControl.Resources>
            <Grid Width="880" Name="OuterGrid" ShowGridLines="False" Height="557" >
            <Grid.RowDefinitions>
                <RowDefinition Height="43" />
                <RowDefinition Height="81" />
                <RowDefinition Height="347"/>
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0*" />
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
            <Grid.Background>
                <ImageBrush ImageSource="Resources\facets_blue_rotated.png" Stretch="Fill" />
            </Grid.Background>
            <Border Grid.Row="0" Grid.Column="0" BorderBrush="White" BorderThickness="0,0,0,1" Grid.ColumnSpan="2">
                <StackPanel Height="43" Orientation="Horizontal" Name="TopPanel" Width="863">
                    <Grid Width="863" VerticalAlignment="Center">
                        <Grid.RowDefinitions>
                            <RowDefinition />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width=".5*"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width=".5*"/>
                        </Grid.ColumnDefinitions>
                        <Label Grid.Row="0" Grid.Column="0" Content="Suite:" FontSize="20" Foreground="White" Height="43" Name="SuiteLabel" />
                        <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Suite, Mode=OneWay}" FontSize="20" Foreground="White" Height="43" Margin="0,5,0,0" Name="SuiteText" />
                        <Label Grid.Row="0" Grid.Column="2" Content="Movement:" FontSize="20" Foreground="White" Height="43" Name="MovementLabel" />
                        <!--<TextBlock Grid.Row="0" Grid.Column="3" Text="{Binding Path=MovementName, Mode=OneWay}" FontSize="20" Foreground="White" Height="43" Margin="0,5,0,0" Name="MovementText" />-->
                        <ComboBox Grid.Row="0"  Grid.Column="3" Height="28" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="CompositionsComboBox" FontSize="14"  SelectionChanged="CompositionsComboBox_SelectionChanged"                      
                            ItemsSource="{Binding Path=Compositions, Mode=OneWay}" SelectedItem="{Binding Path=SelectedComposition, Mode=TwoWay}" DisplayMemberPath="Name"  Margin="0,5,10,10" />
                </Grid>
                </StackPanel>
            </Border>
            <Border Grid.Row="1" Grid.Column="0" BorderBrush="White" BorderThickness="0,1" Grid.ColumnSpan="2">
                <StackPanel Height="86" Orientation="Horizontal" Name="MiddlePanel1" Width="863">
                    <Grid Width="863" VerticalAlignment="Center">
                        <Grid.RowDefinitions>
                            <RowDefinition />
                            <RowDefinition />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width=".1*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width=".3*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width=".5*" />
                        </Grid.ColumnDefinitions>
                    
                        <Label Grid.Row="0" Grid.Column="0" Content="Tempo (BPM):" FontSize="18" Foreground="White" Height="43" Name="TempoLabel" />
                        <ComboBox Grid.Row="0" Grid.Column="1" Height="28" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="TempoComboBox"  FontSize="14" Style="{StaticResource ComboStyle}"
                                        ItemsSource="{Binding Path=TempoList, Mode=OneWay}" SelectedItem="{Binding Path=Tempo, Mode=TwoWay}" Margin="10,5,10,10" />
                        <!--<TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Tempo, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="TempoText" />-->
                        <Label Grid.Row="0" Grid.Column="2" Content="Measure:" FontSize="18" Foreground="White" Height="43" Name="MeasureLabel" />
                        <TextBlock Grid.Row="0" Grid.Column="3" Text="{Binding Path=CurrentMeasureDisplayNum, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="MeasureText" />
                        <Label Grid.Row="0" Grid.Column="4" Content="Phrase Length:" FontSize="18" Foreground="White" Height="43" Name="PhraseLengthLabel" />
                        <TextBlock Grid.Row="0" Grid.Column="5" Text="{Binding Path=PhraseLength, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="PhraseLengthText" />
                        <Label Grid.Row="0" Grid.Column="6" Content="Progression:" FontSize="18" Foreground="White" Height="43" Name="ProgressionLabel" />
                        <TextBlock Grid.Row="0" Grid.Column="7" Text="{Binding Path=ScaleDegrees, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="ProgressionText" />

                        <Label Grid.Row="1" Grid.Column="0" Content="Meter:" FontSize="18" Foreground="White" Height="43" Name="MeterLabel" />
                        <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=TimeSignature, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="MeterText" />
                        <Label Grid.Row="1" Grid.Column="2" Content="Beat:" FontSize="18" Foreground="White" Height="43" Name="BeatLabel" />
                        <TextBlock Grid.Row="1" Grid.Column="3" Text="{Binding Path=CurrentBeat, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="BeatText" />

                        <StackPanel Orientation="Horizontal" Grid.Row="1" Grid.Column="4" Grid.ColumnSpan="2">
                            <Label Content="Key:" FontSize="18" Foreground="White" Height="43" Name="KeyLabel" />
                            <!-- SelctedKeyValue isn't bound properly -->
                            <ComboBox Height="28" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="KeysComboBox"  FontSize="14" Style="{StaticResource ComboStyle}" IsEnabled="{Binding Path=IsKeySelectable}"
                                    ItemsSource="{Binding Path=Keys, Mode=OneWay}" SelectedValuePath="Key" SelectedValue="{Binding Path=SelectedKeyValue, Mode=TwoWay}" DisplayMemberPath="Value" Margin="10,5,10,10" />
                        </StackPanel>

                        <Label Grid.Row="1" Grid.Column="6" Content="Chord:" FontSize="18" Foreground="White" Height="43" Name="ChordLabel" />
                        <TextBlock Grid.Row="1" Grid.Column="7" Text="{Binding Path=CurrentChord, Mode=OneWay}" FontSize="18" Foreground="White" Height="43" Margin="0,5,0,0" Name="ChordText" />
                    
                    </Grid>
                </StackPanel>
            </Border>
            <Border Grid.Row="2" Grid.Column="0" BorderBrush="White" BorderThickness="0,0,0,1" Grid.ColumnSpan="2" Margin="0,0,0,0">
                <StackPanel Orientation="Horizontal" Name="MiddlePanel2" Width="863" Height="347" VerticalAlignment="Top" Margin="8,0,8,-1">
                    <Grid Width="863" VerticalAlignment="Center">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="33*" />
                                <RowDefinition Height="0*"/>
                                <RowDefinition Height="4*"/>
                            </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="620" />
                            <ColumnDefinition Width="243" />
                        </Grid.ColumnDefinitions>
                        <StackPanel Grid.Row="0" Grid.Column="0">
                            <Grid Height="259">
                                <Grid.RowDefinitions>
                                    <RowDefinition />
                                    <RowDefinition />
                                    <RowDefinition />
                                    <RowDefinition />
                                    <RowDefinition />
                                    <RowDefinition />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="1*" />
                                    <ColumnDefinition Width="40" />
                                    <ColumnDefinition Width="40" />
                                </Grid.ColumnDefinitions>

                                <Label Grid.Row="0" Grid.Column="0" Content="Drum Notes" FontSize="18" Foreground="White" Height="43" Name="DrumNotesLabel" Margin="0,-30,0,30" />
                                <Label Grid.Column="0" Content="Bass Notes" FontSize="18" Foreground="White" Height="43" Name="BassNotesLabel" Margin="0,28,0,15" Grid.RowSpan="2" />
                                <Label Grid.Row="2" Grid.Column="0" Content="Rhythm Notes" FontSize="18" Foreground="White" Height="43" Name="RhythmNotesLabel" />
                                <Label Grid.Row="3" Grid.Column="0" Content="Lead Notes" FontSize="18" Foreground="White" Height="43" Name="LeadNotesLabel" Margin="0,13,0,31" Grid.RowSpan="2" />
                                <Label Grid.Row="4" Grid.Column="0" Content="Arp Notes" FontSize="18" Foreground="White" Height="43" Name="ArpNotesLabel" Margin="0,27,0,17" Grid.RowSpan="2" />
                                <Label Grid.Row="5" Grid.Column="0" Content="Utility Notes" FontSize="18" Foreground="White" Height="43" Name="UtilityNotesLabel" Margin="0,43,0,-43" />
                            
                                <ComboBox Grid.Row="0"  Grid.Column="1" Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="DrumNotesComboBox" 
                                        ItemsSource="{Binding Path=DrumNotes, Mode=OneWay}" DisplayMemberPath="NoteInfo" SelectionChanged="NoteComboBox_SelectionChanged" Margin="0,-30,33,43" />
                                <ComboBox  Grid.Column="1" Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="BassNotesComboBox" 
                                        ItemsSource="{Binding Path=BassNotes, Mode=OneWay}" DisplayMemberPath="NoteInfo" SelectionChanged="NoteComboBox_SelectionChanged" Margin="0,28,33,28" Grid.RowSpan="2" />
                                <ComboBox Grid.Row="2"  Grid.Column="1" Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="RhythmNotesComboBox" 
                                        ItemsSource="{Binding Path=RhythmNotes, Mode=OneWay}" DisplayMemberPath="NoteInfo" SelectionChanged="NoteComboBox_SelectionChanged" Margin="0,0,33,13" />
                                <ComboBox Grid.Row="3"  Grid.Column="1" Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="LeadNotesComboBox"
                                        ItemsSource="{Binding Path=LeadNotes, Mode=OneWay}" DisplayMemberPath="NoteInfo" SelectionChanged="NoteComboBox_SelectionChanged" Margin="0,13,33,0" />
                                <ComboBox Grid.Row="4"  Grid.Column="1" Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="ArpNotesComboBox" Margin="0,27,33,30" Grid.RowSpan="2" />
                                <ComboBox Grid.Row="5"  Grid.Column="1" Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Center" Name="UtilityNotesComboBox" Margin="0,43,33,-30" />

                                <Button Grid.Row="0" Grid.Column="1" Name="DrumRecycleButton" Height="32" Width="32" Grid.ColumnSpan="2" Margin="404,-30,0,0" HorizontalAlignment="Left" Click="drumRecycle_click" VerticalAlignment="Top" >
                                    <Image Width="24" Height="24"  Source="Resources\recycle_24.png" Opacity="1" />                              
                                </Button>
                                <Button Grid.Column="1" Name="BassRecycleButton" Height="32" Width="32" Grid.ColumnSpan="2" Margin="404,28,20,26" Grid.RowSpan="2" Click="bassRecycle_click" >
                                    <Image Width="24" Height="24"  Source="Resources\recycle_24.png" Opacity="1" />
                                </Button>
                                <Button Grid.Row="2" Grid.Column="1" Name="RhythmRecycleButton" Height="32" Width="32" Grid.ColumnSpan="2" Margin="404,0,20,11" Click="rhythmRecycle_click" >
                                    <Image Width="24" Height="24"  Source="Resources\recycle_24.png" Opacity="1" />
                                </Button>
                                <Button Grid.Row="3" Grid.Column="1" Name="LeadRecycleButton" Height="32" Width="32" Grid.ColumnSpan="2" Margin="404,13,0,42" Grid.RowSpan="2" HorizontalAlignment="Left" Click="leadRecycle_click" >
                                    <Image Width="24" Height="24"  Source="Resources\recycle_24.png" Opacity="1" />
                                </Button>
                                <Button Grid.Row="4" Grid.Column="1" Name="ArpRecycleButton" Height="32" Width="32" Grid.ColumnSpan="2" Margin="404,27,20,28" Grid.RowSpan="2" Click="arpRecycle_click" >
                                    <Image Width="24" Height="24"  Source="Resources\recycle_24.png" Opacity="1" />
                                </Button>
                                <Button Grid.Row="5" Grid.Column="1" Name="UtilityRecycleButton" Height="32" Width="32" Margin="404,43,20,-32" Grid.ColumnSpan="2" Click="utilityRecycle_click" >
                                    <Image Width="24" Height="24"  Source="Resources\recycle_24.png" Opacity="1" />
                                </Button>

                                <ToggleButton Grid.Row="0" Grid.Column="2" Name="DrumMuteButton" Height="32" Width="32" IsChecked="{Binding Path=DrumsMuted}" Grid.ColumnSpan="2" Margin="28,-30,20,41"
                                              Checked="Phrase_Mute" Unchecked="Phrase_Unmute">
                                    <Image Width="24" Height="24"  >
                                        <Image.Style>
                                            <Style TargetType="{x:Type Image}">
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding Path=DrumsMuted}" Value="true">
                                                        <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                        <Setter Property="Opacity" Value=".5"/>
                                                    </DataTrigger>
                                                    <DataTrigger Binding="{Binding Path=DrumsMuted}" Value="false">
                                                        <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                        <Setter Property="Opacity" Value="1"/>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Style>
                                    </Image>
                                </ToggleButton>
                                <ToggleButton Grid.Column="2" Name="BassMuteButton" Height="32" Width="32" IsChecked="{Binding Path=BassMuted}" Grid.ColumnSpan="2" Margin="28,28,20,26" Grid.RowSpan="2" 
                                              Checked="Phrase_Mute" Unchecked="Phrase_Unmute">
                                    <Image Width="24" Height="24"  >
                                        <Image.Style>
                                            <Style TargetType="{x:Type Image}">
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding Path=BassMuted}" Value="true">
                                                        <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                        <Setter Property="Opacity" Value=".5"/>
                                                    </DataTrigger>
                                                    <DataTrigger Binding="{Binding Path=BassMuted}" Value="false">
                                                        <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                        <Setter Property="Opacity" Value="1"/>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Style>
                                    </Image>
                                </ToggleButton>
                                <ToggleButton Grid.Row="2" Grid.Column="2" Name="RhythmMuteButton" Height="32" Width="32" IsChecked="{Binding Path=RhythmMuted}" Grid.ColumnSpan="2" Margin="28,0,20,11" 
                                              Checked="Phrase_Mute" Unchecked="Phrase_Unmute">
                                <Image Width="24" Height="24"  >
                                    <Image.Style>
                                        <Style TargetType="{x:Type Image}">
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Path=RhythmMuted}" Value="true">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value=".5"/>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Path=RhythmMuted}" Value="false">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value="1"/>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Image.Style>
                                </Image>
                            </ToggleButton>
                                <ToggleButton Grid.Row="3" Grid.Column="2" Name="LeadMuteButton" Height="32" Width="32" IsChecked="{Binding Path=MelodyMuted}" Grid.ColumnSpan="2" Margin="0,13,20,42" Grid.RowSpan="2" 
                                              Checked="Phrase_Mute" Unchecked="Phrase_Unmute" HorizontalAlignment="Right" >
                                <Image Width="24" Height="24"  >
                                    <Image.Style>
                                        <Style TargetType="{x:Type Image}">
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Path=MelodyMuted}" Value="true">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value=".5"/>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Path=MelodyMuted}" Value="false">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value="1"/>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Image.Style>
                                </Image>
                            </ToggleButton>
                                <ToggleButton Grid.Row="4" Grid.Column="2" Name="ArpMuteButton" Height="32" Width="32" IsChecked="{Binding Path=ArpMuted}" Grid.ColumnSpan="2" Margin="28,27,20,28" Grid.RowSpan="2" 
                                              Checked="Phrase_Mute" Unchecked="Phrase_Unmute">
                                <Image Width="24" Height="24"  >
                                    <Image.Style>
                                        <Style TargetType="{x:Type Image}">
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Path=ArpMuted}" Value="true">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value=".5"/>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Path=ArpMuted}" Value="false">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value="1"/>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Image.Style>
                                </Image>
                            </ToggleButton>
                                <ToggleButton Grid.Row="5" Grid.Column="2" Name="UtilityMuteButton" Height="32" Width="32" IsChecked="{Binding Path=UtilityMuted}" Margin="28,43,20,-32" RenderTransformOrigin="-0.094,0.906" Grid.ColumnSpan="2" 
                                              Checked="Phrase_Mute" Unchecked="Phrase_Unmute">
                                <Image Width="24" Height="24"  >
                                    <Image.Style>
                                        <Style TargetType="{x:Type Image}">
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Path=UtilityMuted}" Value="true">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value=".5"/>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Path=UtilityMuted}" Value="false">
                                                    <Setter Property="Source" Value="Resources\mute_24.png"/>
                                                    <Setter Property="Opacity" Value="1"/>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Image.Style>
                                </Image>
                            </ToggleButton>
                            </Grid>
                        </StackPanel>
                        <Border BorderBrush="White" BorderThickness="1" Grid.Column="1" Margin="0,-26,8,-29" Grid.RowSpan="3">
                            <Grid Height="231" Width="199" >
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="1*" />
                                </Grid.ColumnDefinitions>
                                <Label Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Content="Note Details" FontSize="18" Foreground="White" Height="30" Name="NoteDetailsLabel" HorizontalAlignment="Center" />
                                <Label Grid.Row="1" Grid.Column="0" Content="Note:" FontSize="18" Foreground="White" Height="30" Name="NoteLabel" />
                                <Label Grid.Row="2" Grid.Column="0" Content="Chord:" FontSize="18" Foreground="White" Height="30" Name="CurrentChordLabel" />
                                <Label Grid.Row="3" Grid.Column="0" Content="Interval:" FontSize="18" Foreground="White" Height="30" Name="IntervalLabel" />
                                <Label Grid.Row="4" Grid.Column="0" Content="Octave:" FontSize="18" Foreground="White" Height="30" Name="OctaveLabel" />
                                <Label Grid.Row="5" Grid.Column="0" Content="Duration:" FontSize="18" Foreground="White" Height="30" Name="LengthLabel" />

                                <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=CurrentDisplayNote.Name, Mode=OneWay}" FontSize="18" Foreground="White" Height="30" Name="NoteText" Margin="5,10,0,0" />
                                <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding Path=CurrentDisplayNote.Chord, Mode=OneWay}" FontSize="18" Foreground="White" Height="30" Name="CurrentChordText" Margin="5,10,0,0" />
                                <TextBlock Grid.Row="3" Grid.Column="1" Text="{Binding Path=CurrentDisplayNote.ChordInterval, Mode=OneWay}" FontSize="18" Foreground="White" Height="30" Name="IntervalText" Margin="5,10,0,0" />
                                <TextBlock Grid.Row="4" Grid.Column="1" Text="{Binding Path=CurrentDisplayNote.OctaveStr, Mode=OneWay}" FontSize="18" Foreground="White" Height="30" Name="OctaveText" Margin="5,10,0,0" />
                                <TextBlock Grid.Row="5" Grid.Column="1" Text="{Binding Path=CurrentDisplayNote.DurationStr, Mode=OneWay}" FontSize="18" Foreground="White" Height="30" Name="LengthText" Margin="5,10,0,0" />
                            </Grid>
                        </Border>
                    </Grid>
                </StackPanel>
            </Border>
            <Border Grid.Row="3" Width="880" Grid.Column="0" BorderBrush="White" BorderThickness="0,0,0,0" HorizontalAlignment="Center" Grid.ColumnSpan="2" Margin="0,10,-10,0" >
                <StackPanel Height="43" Orientation="Horizontal" Name="BottomPanel" Width="Auto" HorizontalAlignment="Center" Margin="0,10,0,0">
                        <Button x:Name="PreviousButton" Height="34" Width="34" Margin="5,4,5,5" Click="PreviousButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_previous.png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                        <Button x:Name="RewindButton" Height="34" Width="34" Margin="5,4,5,5" Click="RewindButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_fast_backward.png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                        <Button x:Name="PlayButton" Height="34" Width="34" Margin="5,4,5,5" Click="PlayButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_play.png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                        <Button x:Name="StopButton" Height="34" Width="34" Margin="5,4,5,5" Click="StopButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_stop.png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                        <Button x:Name="PauseButton" Height="34" Width="34" Margin="5,4,5,5" Click="PauseButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_pause.png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                        <Button x:Name="FastForwardButton" Height="34" Width="34" Margin="5,4,5,5" Click="FastForwardButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_fast_forward.png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                        <Button x:Name="NextButton" Height="34" Width="34" Margin="5,4,5,5" Click="NextButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="Resources\media_next (1).png" Stretch="None" TileMode="None" />
                            </Button.Background>
                        </Button>
                    </StackPanel>
                </Border>
                <!--<Slider Name="TempoSlider" HorizontalAlignment="Left" Margin="45,37,0,0" Grid.Row="3" VerticalAlignment="Top"
                        Grid.ColumnSpan="2" Width="217" Minimum="90.0" Maximum="130.0" IsSnapToTickEnabled="True" TickFrequency="1" ValueChanged="Slider_ValueChanged" Value="120.0"/>-->
                <!-- HorizontalAlignment="Left" Margin="45,37,0,0" VerticalAlignment="Top" Width="217" Grid.Row="3" Grid.ColumnSpan="2" ValueChanged="Slider_ValueChanged"/>-->
            </Grid>
</UserControl>
